<include file="Common:header" />
<load href="__PUBLIC__/{:C('COMMON_THEME_PATH')}/js/particles.min.js" />
<div id="particles-js">
    <div class="login-box">
        <form action="javascript:;" method="post" class="layui-form layui-form-pane">
            <fieldset class="layui-elem-field layui-field-title">
                <legend style="color:#fff;">管理后台登录</legend>
            </fieldset>
            <div class="layui-form-item">
                <label class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label>
                <div class="layui-input-block">
                    <input type="text" name="username" id="username" class="layui-input" lay-verify="required" placeholder="用户名" autofocus="autofocus">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
                <div class="layui-input-block">
                    <input type="password" name="password" class="layui-input" lay-verify="required" placeholder="登录密码">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><i class="layui-icon layui-icon-vercode"></i></label>
                <div class="layui-input-block">
                    <input type="text" name="vcode" class="layui-input" placeholder="验证码"> <img class="vcode" id="vcode" src="{:U('Login/vcode')}" onclick="document.getElementById('vcode').src='{:U('Login/vcode')}?r='+Math.random()" />
                </div>
            </div>
			<input type="submit" value="登录" lay-submit id="login_btn" lay-filter="formDemo" class="layui-btn layui-btn-normal">
        </form>
        <div class="copyright">&copy;TcitCMS v3.0 <a href="http://wpa.qq.com/msgrd?v=1&uin=190296465&site=qq&menu=yes" title="忘记密码" target="_blank">忘记密码</a> | <a href="http://wpa.qq.com/msgrd?v=1&uin=190296465&site=qq&menu=yes" title="帮助中心" target="_blank">帮助中心</a>
        </div>
    </div>
</div>
<include file="Common:footer"/>
<script type="text/javascript">
layui.use(['login'], function(){
	var login = layui.login;
	login.init();
});
particlesJS("particles-js",{"particles":{"number":{"value":100,"density":{"enable":true,"value_area":800}},"color":{"value":"#ffffff"},"opacity":{"value":0.2,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#ffffff","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"grab"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":140,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true});
</script>
<include file="Common:footer" />